<template>
  <view v-if="ruleForm.disposalRecordLogs && ruleForm.disposalRecordLogs.length === 0">
    <no-data/>
  </view>
  <view v-else>
    <view v-for="(item,index) in ruleForm.disposalRecordLogs" :key="index">
      <view class="normal-login-container"  @click="goDetail(item)">
        <view class="item-wrap">

          <view class="item-view">
            <text>成交价</text>
            <text>{{ item.finalPrice || '-' }}</text>
          </view>

          <view class="item-view">
            <text>差价</text>
            <text>{{ item.priceDifference || '-' }}</text>
          </view>

          <view class="item-view">
            <text>承销商</text>
            <text>{{ item.underwriterName || '-' }}</text>
          </view>

          <view class="item-view">
            <text>提交人</text>
            <text>{{ item.commitName || '-' }}</text>
          </view>

          <view class="item-view">
            <text>提交时间</text>
            <text>{{ item.commitTime || '-' }}</text>
          </view>
        </view>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  name: 'disposeMessage',//处置信息
  props: {
    value: {
      type: Object,
      default: {},
    },
    vehicleDisposalId:{
      type: String,
      default: '',
    }
  },
  computed: {
    ruleForm: {
      get() {
        let that = this
        const proxy = new Proxy(that.value, {
          get(target, key) {
            return Reflect.get(target, key)
          }
        })
        return proxy
      },
    },
  },
  watch: {},
  data() {
    return {};
  },
  created() {
  },
  mounted() {
  },
  methods: {
    goDetail(){
      let url = `/pages/VehiclePage/routineHandle/resultDetails?id=${this.vehicleDisposalId}`;
      this.$tab.navigateTo(url);
    }
  },
};
</script>

<style scoped lang="scss">
.item-view {
  display: flex;
  justify-content: space-between;
  padding: 10rpx 20rpx 10rpx 20rpx;
}
</style>


